extends ../public/layout
block title
    title 查看物流
block content
    .am-g.white-background.am-padding-sm
        .am-u-sm-3.am-padding-0
            img.img-responsive.border-add(src="/public/images/proimg.png")
        .am-u-sm-9
            p.am-margin-top-0 物流状态&nbsp;:&nbsp;
                span.theme-color 已签收
            p 承运公司&nbsp;:&nbsp;
                span.gray-color #{expInfo.expName}
            p.am-margin-bottom-0 运单编号&nbsp;:&nbsp;
                span.gray-color #{expInfo.LogisticCode}
    if (expInfo.Traces.length < 1)
        .emptyMsg
            p 暂无物流信息，请耐心等待
    else
        .am-container.white-background.am-margin-top-sm.gray-color.am-padding-top-sm
            .am-g.am-padding-bottom-sm.express-false
                .am-u-sm-1.am-padding-0.am-text-center
                    i.express-circle.am-round.am-inline-block
                .am-u-sm-11.am-padding-left-0
                    p.am-margin-0 #{expInfo.Traces[0].AcceptStation}
                    span.pure-gray.xs-font #{expInfo.Traces[0].AcceptTime}
            each item in expInfo.Traces.splice(1)
                .am-g.am-padding-bottom-sm.express-true
                    .am-u-sm-1.am-padding-0.am-text-center
                        i.express-circle.am-round.am-inline-block
                    .am-u-sm-11.am-padding-left-0
                        p.am-margin-0 | #{item.AcceptStation}
                        span.pure-gray.xs-font #{item.AcceptTime}
block javascript
    script(type="text/javascript" src = "/public/javascripts/express.js")
    script(type="text/javascript").
        $(function () {
            express.init();
        });
